<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./script/jquery.min.js"></script>
</head>

<body>
    <header class="aui-bar aui-bar-nav">
        <a class="aui-pull-left">
            <span></span>
        </a>
        <div class="aui-title">理财</div>
    </header>
    <div class="aui-bar-nav-d"></div>

    <div class="claims-t">
        <ul>
            <li>理财体验</li>
            <li>智能理财</li>
            <li>优质债权</li>
            <li class="active">债权转让</li>
        </ul>
    </div>
    <div class="claims">
        <ul class="claims-search">
            <li>
                <p>期限：</p>
                <select>
                <option value ="">1-6个月</option>
                <option value ="">6-12个月</option>
                <option value ="">12-24个月</option>
            </select>
            </li>
            <li>
                <p>剩余本金：</p>
                <select>
                <option value ="">100-30000</option>
                <option value ="">30000-100000</option>
                <option value ="">100000-1000000</option>
            </select>
            </li>
            <li>
                <p>年化率：</p>
                <select>
                <option value ="">5%以下</option>
                <option value ="">5%-10%</option>
                <option value ="">10%以上</option>
            </select>
            </li>
            <li>
                <button>筛选</button>
            </li>
        </ul>
        <div class="claims-item">
            <div class="claims-item-icon">推荐</div>
            <div class="claims-item-t">
                <p>
                    金车赢JSDY20180408003
                    <img src="image/licai-znlc.png" alt="">
                </p>
                <span>折让1000元</span>
            </div>
            <ul class="claims-item-d">
                <li>
                    <p>10.80%</p>
                    预期年化收益
                </li>
                <li>
                    <span>165</span> 预期收益(元)
                </li>
                <li>
                    <button>立即投资</button> 剩余期限258天
                </li>
            </ul>
        </div>

        <div class="claims-item">
            <div class="claims-item-icon">推荐</div>
            <div class="claims-item-t">
                <p>
                    金车赢JSDY20180408003
                    <img src="image/licai-znlc.png" alt="">
                </p>
                <span>折让1000元</span>
            </div>
            <ul class="claims-item-d">
                <li>
                    <p>10.80%</p>
                    预期年化收益
                </li>
                <li>
                    <span>165</span> 预期收益(元)
                </li>
                <li>
                    <button>立即投资</button> 剩余期限258天
                </li>
            </ul>
        </div>

    </div>



</body>
<script type="text/javascript">
    function closeWin() {
        api.closeWin({});
    }
</script>

</html>
